
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - criação</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">54627</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_criac-a-o-ce502'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '7', '9', '10', '25'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  82.79,17.08,0.05,0.02,0.02,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692799014,null],[1692799015,null],[1692799016,null],[1692799017,null],[1692799018,null],[1692799019,null],[1692799020,null],[1692799021,null],[1692799022,null],[1692799023,null],[1692799024,null],[1692799025,null],[1692799026,null],[1692799027,null],[1692799028,null],[1692799029,null],[1692799030,null],[1692799031,null],[1692799032,null],[1692799033,null],[1692799034,null],[1692799035,null],[1692799036,null],[1692799037,null],[1692799038,null],[1692799039,null],[1692799040,null],[1692799041,null],[1692799042,null],[1692799043,null],[1692799044,null],[1692799045,null],[1692799046,null],[1692799047,null],[1692799048,null],[1692799049,null],[1692799050,null],[1692799051,null],[1692799052,null],[1692799053,null],[1692799054,null],[1692799055,null],[1692799056,null],[1692799057,null],[1692799058,null],[1692799059,null],[1692799060,null],[1692799061,null],[1692799062,null],[1692799063,null],[1692799064,null],[1692799065,null],[1692799066,null],[1692799067,null],[1692799068,null],[1692799069,null],[1692799070,null],[1692799071,null],[1692799072,null],[1692799073,null],[1692799074,null],[1692799075,null],[1692799076,null],[1692799077,null],[1692799078,null],[1692799079,null],[1692799080,null],[1692799081,null],[1692799082,null],[1692799083,null],[1692799084,null],[1692799085,null],[1692799086,null],[1692799087,null],[1692799088,null],[1692799089,null],[1692799090,null],[1692799091,null],[1692799092,null],[1692799093,null],[1692799094,null],[1692799095,null],[1692799096,null],[1692799097,null],[1692799098,null],[1692799099,null],[1692799100,null],[1692799101,null],[1692799102,null],[1692799103,null],[1692799104,null],[1692799105,null],[1692799106,null],[1692799107,null],[1692799108,null],[1692799109,null],[1692799110,null],[1692799111,null],[1692799112,null],[1692799113,null],[1692799114,null],[1692799115,null],[1692799116,null],[1692799117,null],[1692799118,null],[1692799119,null],[1692799120,null],[1692799121,null],[1692799122,null],[1692799123,null],[1692799124,null],[1692799125,null],[1692799126,null],[1692799127,null],[1692799128,null],[1692799129,null],[1692799130,null],[1692799131,null],[1692799132,null],[1692799133,null],[1692799134,null],[1692799135,null],[1692799136,null],[1692799137,null],[1692799138,null],[1692799139,null],[1692799140,null],[1692799141,null],[1692799142,null],[1692799143,null],[1692799144,null],[1692799145,null],[1692799146,null],[1692799147,null],[1692799148,null],[1692799149,null],[1692799150,null],[1692799151,null],[1692799152,null],[1692799153,null],[1692799154,null],[1692799155,null],[1692799156,null],[1692799157,null],[1692799158,null],[1692799159,null],[1692799160,null],[1692799161,null],[1692799162,null],[1692799163,null],[1692799164,null],[1692799165,null],[1692799166,null],[1692799167,null],[1692799168,null],[1692799169,null],[1692799170,null],[1692799171,null],[1692799172,null],[1692799173,null],[1692799174,null],[1692799175,null],[1692799176,null],[1692799177,null],[1692799178,null],[1692799179,null],[1692799180,null],[1692799181,null],[1692799182,null],[1692799183,null],[1692799184,null],[1692799185,null],[1692799186,null],[1692799187,null],[1692799188,null],[1692799189,null],[1692799190,null],[1692799191,null],[1692799192,null],[1692799193,null],[1692799194,null],[1692799195,null],[1692799196,null],[1692799197,null],[1692799198,null],[1692799199,null],[1692799200,null],[1692799201,null],[1692799202,null],[1692799203,null],[1692799204,null],[1692799205,null],[1692799206,null],[1692799207,null],[1692799208,null],[1692799209,null],[1692799210,null],[1692799211,null],[1692799212,null],[1692799213,null],[1692799214,null],[1692799215,null],[1692799216,null],[1692799217,null],[1692799218,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692799014,[2,0,2]],[1692799015,[2,0,2]],[1692799016,[2,0,2]],[1692799017,[2,0,2]],[1692799018,[2,0,2]],[1692799019,[2,0,2]],[1692799020,[2,0,2]],[1692799021,[2,0,2]],[1692799022,[2,0,2]],[1692799023,[2,0,2]],[1692799024,[1,0,1]],[1692799025,[2,0,2]],[1692799026,[4,0,4]],[1692799027,[9,0,9]],[1692799028,[2,0,2]],[1692799029,[6,0,6]],[1692799030,[7,0,7]],[1692799031,[6,0,6]],[1692799032,[4,0,4]],[1692799033,[5,0,5]],[1692799034,[1,0,1]],[1692799035,[3,0,3]],[1692799036,[4,0,4]],[1692799037,[4,0,4]],[1692799038,[5,0,5]],[1692799039,[8,0,8]],[1692799040,[9,0,9]],[1692799041,[13,0,13]],[1692799042,[16,0,16]],[1692799043,[20,0,20]],[1692799044,[23,0,23]],[1692799045,[25,0,25]],[1692799046,[29,0,29]],[1692799047,[33,0,33]],[1692799048,[36,0,36]],[1692799049,[39,0,39]],[1692799050,[42,0,42]],[1692799051,[46,0,46]],[1692799052,[49,0,49]],[1692799053,[53,0,53]],[1692799054,[55,0,55]],[1692799055,[59,0,59]],[1692799056,[62,0,62]],[1692799057,[66,0,66]],[1692799058,[69,0,69]],[1692799059,[72,0,72]],[1692799060,[75,0,75]],[1692799061,[79,0,79]],[1692799062,[82,0,82]],[1692799063,[86,0,86]],[1692799064,[88,0,88]],[1692799065,[92,0,92]],[1692799066,[95,0,95]],[1692799067,[99,0,99]],[1692799068,[102,0,102]],[1692799069,[105,0,105]],[1692799070,[108,0,108]],[1692799071,[112,0,112]],[1692799072,[115,0,115]],[1692799073,[119,0,119]],[1692799074,[121,0,121]],[1692799075,[125,0,125]],[1692799076,[128,0,128]],[1692799077,[132,0,132]],[1692799078,[135,0,135]],[1692799079,[138,0,138]],[1692799080,[141,0,141]],[1692799081,[145,0,145]],[1692799082,[148,0,148]],[1692799083,[152,0,152]],[1692799084,[154,0,154]],[1692799085,[158,0,158]],[1692799086,[161,0,161]],[1692799087,[165,0,165]],[1692799088,[168,0,168]],[1692799089,[171,0,171]],[1692799090,[174,0,174]],[1692799091,[178,0,178]],[1692799092,[181,0,181]],[1692799093,[185,0,185]],[1692799094,[187,0,187]],[1692799095,[191,0,191]],[1692799096,[194,0,194]],[1692799097,[198,0,198]],[1692799098,[201,0,201]],[1692799099,[204,0,204]],[1692799100,[207,0,207]],[1692799101,[211,0,211]],[1692799102,[214,0,214]],[1692799103,[218,0,218]],[1692799104,[220,0,220]],[1692799105,[224,0,224]],[1692799106,[227,0,227]],[1692799107,[231,0,231]],[1692799108,[234,0,234]],[1692799109,[237,0,237]],[1692799110,[240,0,240]],[1692799111,[244,0,244]],[1692799112,[247,0,247]],[1692799113,[251,0,251]],[1692799114,[253,0,253]],[1692799115,[257,0,257]],[1692799116,[260,0,260]],[1692799117,[263,0,263]],[1692799118,[268,0,268]],[1692799119,[269,0,269]],[1692799120,[274,0,274]],[1692799121,[276,0,276]],[1692799122,[281,0,281]],[1692799123,[283,0,283]],[1692799124,[287,0,287]],[1692799125,[290,0,290]],[1692799126,[293,0,293]],[1692799127,[297,0,297]],[1692799128,[300,0,300]],[1692799129,[303,0,303]],[1692799130,[306,0,306]],[1692799131,[310,0,310]],[1692799132,[313,0,313]],[1692799133,[316,0,316]],[1692799134,[320,0,320]],[1692799135,[322,0,322]],[1692799136,[327,0,327]],[1692799137,[330,0,330]],[1692799138,[333,0,333]],[1692799139,[336,0,336]],[1692799140,[339,0,339]],[1692799141,[342,0,342]],[1692799142,[347,0,347]],[1692799143,[349,0,349]],[1692799144,[353,0,353]],[1692799145,[356,0,356]],[1692799146,[359,0,359]],[1692799147,[363,0,363]],[1692799148,[365,0,365]],[1692799149,[369,0,369]],[1692799150,[373,0,373]],[1692799151,[375,0,375]],[1692799152,[379,0,379]],[1692799153,[383,0,383]],[1692799154,[386,0,386]],[1692799155,[389,0,389]],[1692799156,[391,0,391]],[1692799157,[396,0,396]],[1692799158,[400,0,400]],[1692799159,[402,0,402]],[1692799160,[405,0,405]],[1692799161,[408,0,408]],[1692799162,[412,0,412]],[1692799163,[416,0,416]],[1692799164,[419,0,419]],[1692799165,[422,0,422]],[1692799166,[424,0,424]],[1692799167,[429,0,429]],[1692799168,[432,0,432]],[1692799169,[434,0,434]],[1692799170,[440,0,440]],[1692799171,[441,0,441]],[1692799172,[446,0,446]],[1692799173,[448,0,448]],[1692799174,[452,0,452]],[1692799175,[455,0,455]],[1692799176,[458,0,458]],[1692799177,[461,0,461]],[1692799178,[466,0,466]],[1692799179,[468,0,468]],[1692799180,[470,0,470]],[1692799181,[475,0,475]],[1692799182,[478,0,478]],[1692799183,[482,0,482]],[1692799184,[485,0,485]],[1692799185,[488,0,488]],[1692799186,[491,0,491]],[1692799187,[494,0,494]],[1692799188,[498,0,498]],[1692799189,[501,0,501]],[1692799190,[505,0,505]],[1692799191,[507,0,507]],[1692799192,[512,0,512]],[1692799193,[514,0,514]],[1692799194,[518,0,518]],[1692799195,[520,0,520]],[1692799196,[525,0,525]],[1692799197,[527,0,527]],[1692799198,[531,0,531]],[1692799199,[534,0,534]],[1692799200,[537,0,537]],[1692799201,[541,0,541]],[1692799202,[544,0,544]],[1692799203,[548,0,548]],[1692799204,[551,0,551]],[1692799205,[553,0,553]],[1692799206,[558,0,558]],[1692799207,[560,0,560]],[1692799208,[564,0,564]],[1692799209,[567,0,567]],[1692799210,[570,0,570]],[1692799211,[574,0,574]],[1692799212,[577,0,577]],[1692799213,[581,0,581]],[1692799214,[584,0,584]],[1692799215,[586,0,586]],[1692799216,[590,0,590]],[1692799217,[594,0,594]],[1692799218,[870,0,870]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692799014,[2,0,2]],[1692799015,[2,0,2]],[1692799016,[2,0,2]],[1692799017,[2,0,2]],[1692799018,[2,0,2]],[1692799019,[2,0,2]],[1692799020,[2,0,2]],[1692799021,[2,0,2]],[1692799022,[2,0,2]],[1692799023,[2,0,2]],[1692799024,[1,0,1]],[1692799025,[2,0,2]],[1692799026,[4,0,4]],[1692799027,[9,0,9]],[1692799028,[2,0,2]],[1692799029,[6,0,6]],[1692799030,[7,0,7]],[1692799031,[5,0,5]],[1692799032,[5,0,5]],[1692799033,[5,0,5]],[1692799034,[1,0,1]],[1692799035,[3,0,3]],[1692799036,[4,0,4]],[1692799037,[4,0,4]],[1692799038,[5,0,5]],[1692799039,[8,0,8]],[1692799040,[9,0,9]],[1692799041,[13,0,13]],[1692799042,[16,0,16]],[1692799043,[20,0,20]],[1692799044,[23,0,23]],[1692799045,[25,0,25]],[1692799046,[29,0,29]],[1692799047,[33,0,33]],[1692799048,[36,0,36]],[1692799049,[39,0,39]],[1692799050,[42,0,42]],[1692799051,[46,0,46]],[1692799052,[49,0,49]],[1692799053,[53,0,53]],[1692799054,[55,0,55]],[1692799055,[59,0,59]],[1692799056,[62,0,62]],[1692799057,[66,0,66]],[1692799058,[69,0,69]],[1692799059,[72,0,72]],[1692799060,[75,0,75]],[1692799061,[79,0,79]],[1692799062,[82,0,82]],[1692799063,[86,0,86]],[1692799064,[88,0,88]],[1692799065,[92,0,92]],[1692799066,[95,0,95]],[1692799067,[99,0,99]],[1692799068,[102,0,102]],[1692799069,[105,0,105]],[1692799070,[108,0,108]],[1692799071,[112,0,112]],[1692799072,[115,0,115]],[1692799073,[119,0,119]],[1692799074,[121,0,121]],[1692799075,[125,0,125]],[1692799076,[128,0,128]],[1692799077,[132,0,132]],[1692799078,[135,0,135]],[1692799079,[138,0,138]],[1692799080,[141,0,141]],[1692799081,[145,0,145]],[1692799082,[148,0,148]],[1692799083,[152,0,152]],[1692799084,[154,0,154]],[1692799085,[158,0,158]],[1692799086,[161,0,161]],[1692799087,[165,0,165]],[1692799088,[168,0,168]],[1692799089,[171,0,171]],[1692799090,[174,0,174]],[1692799091,[178,0,178]],[1692799092,[181,0,181]],[1692799093,[185,0,185]],[1692799094,[187,0,187]],[1692799095,[191,0,191]],[1692799096,[194,0,194]],[1692799097,[198,0,198]],[1692799098,[201,0,201]],[1692799099,[204,0,204]],[1692799100,[207,0,207]],[1692799101,[211,0,211]],[1692799102,[214,0,214]],[1692799103,[217,0,217]],[1692799104,[221,0,221]],[1692799105,[224,0,224]],[1692799106,[227,0,227]],[1692799107,[231,0,231]],[1692799108,[234,0,234]],[1692799109,[237,0,237]],[1692799110,[240,0,240]],[1692799111,[244,0,244]],[1692799112,[247,0,247]],[1692799113,[251,0,251]],[1692799114,[253,0,253]],[1692799115,[257,0,257]],[1692799116,[260,0,260]],[1692799117,[263,0,263]],[1692799118,[268,0,268]],[1692799119,[269,0,269]],[1692799120,[274,0,274]],[1692799121,[276,0,276]],[1692799122,[281,0,281]],[1692799123,[283,0,283]],[1692799124,[287,0,287]],[1692799125,[290,0,290]],[1692799126,[293,0,293]],[1692799127,[297,0,297]],[1692799128,[300,0,300]],[1692799129,[303,0,303]],[1692799130,[306,0,306]],[1692799131,[310,0,310]],[1692799132,[313,0,313]],[1692799133,[316,0,316]],[1692799134,[320,0,320]],[1692799135,[322,0,322]],[1692799136,[327,0,327]],[1692799137,[330,0,330]],[1692799138,[333,0,333]],[1692799139,[336,0,336]],[1692799140,[339,0,339]],[1692799141,[342,0,342]],[1692799142,[347,0,347]],[1692799143,[349,0,349]],[1692799144,[353,0,353]],[1692799145,[356,0,356]],[1692799146,[359,0,359]],[1692799147,[362,0,362]],[1692799148,[366,0,366]],[1692799149,[369,0,369]],[1692799150,[373,0,373]],[1692799151,[375,0,375]],[1692799152,[379,0,379]],[1692799153,[383,0,383]],[1692799154,[386,0,386]],[1692799155,[389,0,389]],[1692799156,[391,0,391]],[1692799157,[396,0,396]],[1692799158,[400,0,400]],[1692799159,[402,0,402]],[1692799160,[405,0,405]],[1692799161,[408,0,408]],[1692799162,[412,0,412]],[1692799163,[416,0,416]],[1692799164,[419,0,419]],[1692799165,[422,0,422]],[1692799166,[424,0,424]],[1692799167,[429,0,429]],[1692799168,[432,0,432]],[1692799169,[434,0,434]],[1692799170,[440,0,440]],[1692799171,[441,0,441]],[1692799172,[446,0,446]],[1692799173,[448,0,448]],[1692799174,[451,0,451]],[1692799175,[456,0,456]],[1692799176,[458,0,458]],[1692799177,[461,0,461]],[1692799178,[466,0,466]],[1692799179,[468,0,468]],[1692799180,[470,0,470]],[1692799181,[475,0,475]],[1692799182,[478,0,478]],[1692799183,[482,0,482]],[1692799184,[485,0,485]],[1692799185,[487,0,487]],[1692799186,[492,0,492]],[1692799187,[494,0,494]],[1692799188,[498,0,498]],[1692799189,[501,0,501]],[1692799190,[505,0,505]],[1692799191,[507,0,507]],[1692799192,[512,0,512]],[1692799193,[514,0,514]],[1692799194,[517,0,517]],[1692799195,[521,0,521]],[1692799196,[525,0,525]],[1692799197,[527,0,527]],[1692799198,[531,0,531]],[1692799199,[534,0,534]],[1692799200,[537,0,537]],[1692799201,[541,0,541]],[1692799202,[544,0,544]],[1692799203,[548,0,548]],[1692799204,[550,0,550]],[1692799205,[554,0,554]],[1692799206,[558,0,558]],[1692799207,[560,0,560]],[1692799208,[564,0,564]],[1692799209,[567,0,567]],[1692799210,[570,0,570]],[1692799211,[574,0,574]],[1692799212,[577,0,577]],[1692799213,[581,0,581]],[1692799214,[584,0,584]],[1692799215,[586,0,586]],[1692799216,[590,0,590]],[1692799217,[594,0,594]],[1692799218,[870,0,870]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 54627.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[5,0],[5,0],[6,4],[6,0],[6,1],[6,1],[6,1],[6,1],[6,0],[6,1],[6,1],[6,0],[6,1],[6,1],[7,9],[8,1],[8,1],[8,1],[8,1],[9,1],[9,1],[10,1],[10,1],[11,1],[13,1],[16,1],[21,1],[26,1],[30,1],[35,1],[38,1],[41,1],[47,1],[50,1],[55,1],[58,1],[62,1],[67,1],[70,1],[75,1],[77,1],[83,1],[86,1],[91,1],[94,1],[99,1],[102,1],[106,1],[110,0],[116,1],[118,1],[121,1],[127,1],[131,1],[135,1],[138,1],[142,1],[147,0],[151,0],[155,1],[158,1],[163,1],[167,0],[171,1],[174,1],[178,1],[182,1],[187,1],[190,1],[196,1],[198,1],[203,1],[206,1],[211,1],[215,1],[219,1],[222,1],[227,1],[231,0],[235,0],[239,1],[242,1],[247,1],[251,1],[255,1],[260,1],[261,1],[268,0],[270,0],[276,1],[278,1],[283,1],[287,1],[291,1],[295,0],[299,0],[303,0],[306,1],[311,1],[316,1],[319,1],[323,0],[326,1],[331,0],[337,0],[337,0],[344,0],[346,0],[352,1],[355,1],[359,0],[363,1],[368,1],[372,1],[375,1],[379,1],[383,1],[387,1],[391,1],[395,0],[400,1],[402,0],[407,1],[413,1],[415,0],[419,0],[423,0],[426,1],[433,1],[435,1],[440,1],[443,0],[447,1],[452,1],[455,1],[458,1],[464,1],[467,0],[472,0],[476,0],[479,0],[484,1],[486,1],[492,1],[497,1],[499,1],[503,1],[507,1],[512,0],[515,0],[521,0],[524,0],[526,1],[532,1],[535,1],[539,1],[544,0],[547,1],[553,1],[556,0],[559,1],[564,1],[568,0],[571,1],[576,1],[581,1],[582,1],[588,1],[592,1],[596,0],[600,1],[604,1],[608,1],[611,1],[617,1],[619,1],[625,0],[626,0],[633,0],[636,1],[641,1],[642,1],[648,1],[652,1],[656,1],[660,0],[663,0],[669,0],[672,0],[676,1],[681,1],[683,1],[688,1],[692,1],[696,0],[700,0],[704,0],[708,0],[712,1],[717,1],[721,1],[723,0],[727,1],[733,1],[1073,1]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
